<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.css">
    <script type="text/javascript" src="../../../script/jquery-3.5.1.js"></script>
</head>
<body>
<div id="addCommentModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">添加评论</h4>
            </div>
            <div class="media-body">
                <form class="form-inline text-center" id="addForm">
                    <p>
                        　评论人:<input type="text" name="userName" class="form-control" placeholder="请输入用户名">
                    </p>
                    <p>
                        订单编号:<input type="text" name="userPhone" class="form-control" placeholder="请输入订单编号">
                    </p>

                    <p>
                        评论内容:
                        <textarea class="form-control" cols="50" rows="5" placeholder="评论内容不超过20个字"></textarea>
                    </p>
                    <p>
                        <button type="button" class="btn btn-primary" >确认添加</button>
                        <button type="button" class="btn btn-primary"  data-dismiss="modal">返回首页</button>
                    </p>
                </form>
            </div>
        </div>
    </div>
</div>
<h1 class="text-center">评论管理</h1>
<div class="container">
    <table class="col-md-12 table-bordered text-center">
        <tr style="line-height:60px">
            <td>明细编号</td>
            <td>下单时间</td>
            <td>完成时间</td>
            <td>商品图片</td>
            <td>商品价格</td>
            <td>商品数量</td>
            <td>小计</td>
            <td>状态</td>
            <td>评论内容</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>2020052001</td>
            <td>2020-05-20</td>
            <td>2020-05-21</td>
            <td><img src="../../../images/goods/3.jpg" width="100px"></td>
            <td>2000.0元</td>
            <td>2 件</td>
            <td>4000.0元</td>
            <td>已完成</td>
            <td>这也太棒了吧</td>
            <td><a href="#" class="btn btn-success" data-toggle="modal" data-target="#addCommentModal">添加评论</a></td>
        </tr>
        <tr>
            <td>2020052002</td>
            <td>2020-05-20</td>
            <td>2020-05-21</td>
            <td><img src="../../../images/goods/4.jpg" width="100px"></td>
            <td>2000.0元</td>
            <td>2 件</td>
            <td>4000.0元</td>
            <td>待评论</td>
            <td>暂无评论</td>
            <td><a href="#" class="btn btn-success" data-toggle="modal" data-target="#addCommentModal">添加评论</a></td>
        </tr>
    </table>
</div>
    <script type="text/javascript" src="../../../script/bootstrap.js"></script>
</body>
</html>